<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%String path = request.getContextPath();String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()+ path + "/";%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link rel="stylesheet" type="text/css" href="css/maintable.css"></link>
<script type="text/javascript" src="js/jquery-1.8.0.js"></script>
<script type="text/javascript">
$(function(){
	$("#ch_checkall,#top_ch_checkall").click(function(){
		if(this.checked){
			$("input[name=ck_id]").attr("checked","checked");
		}else{
			$("input[name=ck_id]").removeAttr("checked");
		}		
	});
	
	
	$("table tr").mouseover(function(){
		$(this).css("background","#D3EAEF");
		$(this).siblings().css("background","white");
	});
});
</script>					

<script>
function subForm(pageIndex)
{
    window.location.href="AdminServlet.do?flag=manage&pageIndex="+pageIndex;
}

function validate(){
	var index=document.getElementById("pageIndex").value;
	if(index>=1&&index<=${pageInfo.pageCount}){ 
		window.location.href="AdminServlet.do?flag=manage&pageIndex="+document.getElementById("pageIndex").value;
	}else{
		alert("跳转页码输入有误");
	}
	
}
//点击上方的删除按钮,进行多项删除
function delMuti(){
	//判断用户至少选了一项
	if($("input[name=ck_id]:checked").size()==0){
		alert("请至少选一项!");
	}
	else{
		if(confirm('确定要删除所选项吗')){
			form1.submit();
		}
		
	}
}

//点周删除按钮,删除单个管理员,先用ajax 验证删除的是不是自已,如果不是,再发请求删除
//用ajax进行验证的目的是为了保证不回发,不会将当前的pageIndex刷回到第一页
function del(id){
	if(confirm('确定要删除吗')){
		var currentAdminId='${session_admin.id}';  //取到Session中的 admin 的 id
		if(currentAdminId==''){
			alert("当前用户的session已失效!请重新登录");
			window.top.location.href = "login.jsp";
		}
		else{
			if(currentAdminId==id){
				alert("不能删除自已!");
			}
			else{
				window.location.href="AdminServlet.do?flag=del&id="+id;
			}
		}
	}
}

//给某个账号进行锁定或解除锁定
//因为加锁或解锁,都不需要改变pageIndex,所以把pageIndex也传上去,便于服务端返回pageIndex指定页面的数据
//lockFlag 值为1 表示锁定,值为0表示解锁
function lock(id, isLock,pageIndex){
	
	var msg="";
	if(isLock==true){
		msg="确定要锁定该账号吗 ?";
	}
	else{
		msg="确定将该账号解锁吗 ?";
	}
	
	var lockFlag='';
	
	if(isLock){
		lockFlag='2';
	}
	else{
		lockFlag='1';
	}
	if(confirm(msg)){
		window.location.href="AdminServlet.do?&lockFlag="+lockFlag+"&flag=lock&id="+id+"&pageIndex="+pageIndex;
	}
}


					
</script>


</head>

<body>

	<div class="div_title">
		<div class="div_titlename">
			<img src="images/san_jiao.gif"><span>管理人员基本信息列表</span>
		</div>
		<div class="div_titleoper">
			<input type="checkbox" id="top_ch_checkall" /> 全选
			<a href="admin/admin_add.jsp">
			<img src="images/add.gif" />添加
			
			</a> <a href="javascript:delMuti()">
			<img src="images/del.gif" />删除</a>
		</div>
	</div>

	<form action="AdminServlet.do" name="form1">
		<input type="hidden" name="flag" value="delAdmins" />
		<table class="main_table">
			<tr>
				<th><input type="checkbox" id="ch_checkall" /></th>
				<th>账号</th>
				<th>状态</th>
				<th>备注</th>
				<th>最后更新日期</th>
				<th>操作</th>
			</tr>
			<c:forEach var="admin" items="${adminList}">
				<tr>
					<td><input type="checkbox" name="ck_id" value="${admin.id}" />
					</td>
					<td>${admin.adminName }</td>
					<td><c:choose>
							<c:when test="${admin.state==2}">已锁定</c:when>
						</c:choose></td>
					<td><a style="width:80px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;display: block;"  title="${admin.note }">${admin.note}</a></td>

					<td><fmt:formatDate value="${admin.editDate}" pattern="yyyy-MM-dd  hh:mm" /></td>
					<td>
						<c:if test="${admin.state=='2'}">
							<a href="javascript:lock(${admin.id},false,${pageInfo.pageIndex })">解锁</a> | 
						</c:if> <c:if test="${admin.state=='1'}">
							<a href="javascript:lock(${admin.id},true,${pageInfo.pageIndex })">锁定</a> |  
						</c:if> <c:if test="${admin.state=='1'}">
							<a href="AdminServlet.do?flag=searchforupdate&id=${admin.id}">修改</a> |  
						</c:if> <a href="javascript:del(${admin.id })">删除</a></td>
				</tr>
			</c:forEach>
		</table>
	</form>

	<div class="div_page">
		<div class="div_page_left">
			共有 <label>${pageInfo.rowCount }</label> 条记录，当前第 <label>${pageInfo.pageIndex }</label>
			页，共 <label>${pageInfo.pageCount }</label> 页
		</div>

		<div class="div_page_right">
			<c:choose>
				<c:when test="${pageInfo.hasPre }">
					<button onclick="subForm(1)">首页</button>
					<button onclick="subForm(${pageInfo.pageIndex-1})">上一页</button>
				</c:when>

				<c:otherwise>
								  			 首页
							  	 			 上一页
				</c:otherwise>
			</c:choose>

			<c:choose>
				<c:when test="${pageInfo.hasNext}">
					<button onclick="subForm(${pageInfo.pageIndex+1})">下一页</button>
					<button onclick="subForm(${pageInfo.pageCount})">尾页</button>
				</c:when>

				<c:otherwise>
								  			下一页 
							  	 		         尾页
				</c:otherwise>
			</c:choose>

			<button onclick="validate()">转到</button>
			第<input type="text" name="pageIndex" id="pageIndex" value="${pageInfo.pageIndex }" /> 页

		</div>

	</div>

	<script type="text/javascript">
		var msg='${msg}';
	 	 if(msg!=''){
	 	 	alert(msg);
	 	 }		  	 
	</script>
</body>
</html>
